<script type="application/javascript">
  var o_count = 0, params = <?php echo $product->params?>;
  $(document).ready(function(){
    $('#add-option').click(function(){
      $('#options').append($('<div>', {'class': 'option'})
        .append(
          $('<input>', {'class': 'form-control', 'type': 'text', 'name': 'param_key_' + o_count, placeholder: 'Ключ характеристики'})
        ).append('&nbsp;').append(
          $('<input>', {'class': 'form-control', 'type': 'text', 'name': 'param_value_' + o_count, placeholder: 'Значение характеристики'})
        ).append('&nbsp;').append($('<button>', {class: 'btn btn-danger', type: 'button'}).html('Удалить')));
      o_count ++;
    });

    $(document).on('click', '.option button.btn', function(){
      $(this).parent().remove();
    });
    $.each(params, function(key, value){
      $('#options').append($('<div>', {'class': 'option'})
        .append(
          $('<input>', {'class': 'form-control', 'type': 'text', 'name': 'param_key_' + o_count, value: key})
        ).append('&nbsp;').append(
          $('<input>', {'class': 'form-control', 'type': 'text', 'name': 'param_value_' + o_count, value: value})
        ).append('&nbsp;').append($('<button>', {class: 'btn btn-danger', type: 'button'}).html('Удалить')));
      o_count ++;
    });

    $(document).on('click', '.option button.btn', function(){
      $(this).parent().remove();
    });
    $('#category_select').change(function(){
      $.ajax({
        type: 'post',
        url: '<?php echo url::site('admin/categories/getajax')?>',
        data: {'category_id': $(this).val()},
        beforeSend: function (){
        },
        success: function (response) {
          var element = $('#child_category_select');
          element.empty();
          if (response.categories.length == 0) {
            $('#child_category_select').parent().hide();
          } else {
            $.each(response.categories, function(key, value){
              element.append($('<option>', {'value': key}).html(value));
            });
            $('#child_category_select').parent().show();
          }
        },
        dataType: 'json'
      });
    });
  });
</script>
<style type="text/css">
  #options input{
    display: inline;
    width: 45%;
    margin-bottom: 10px;
  }
  #options button {
    margin: 0 0 10px 3px;
  }
  #add-option {
    margin-top: 10px;
  }
</style>
<div class="row">
  <div class="col-lg-12">
    <b><h3>Редактирование Продукта</h3></b>
    <ol class="breadcrumb">
      <li><a href="<?php echo url::site('admin/products')?>"><i class="icon-dashboard"></i> Продукты</a></li> / Редактирование
    </ol>
  </div>
</div>
<div class="row" style="margin: 40px; width: auto">
  <div class="col-lg-11">
    <?php echo Form::open(NULL, array('role' => 'form', 'enctype' => 'multipart/form-data'));?>
    <div class="form-group">
      <label> Название </label>
      <?php echo Form::input('title', $product->title, array('placeholder' => 'Название', 'class' => 'form-control'));?>
    </div>
    <div class="form-group">
      <label> Описание </label>
      <?php echo Form::textarea('description', $product->description, array('placeholder' => 'Описание', 'class' => 'form-control'));?>
    </div>

    <div class="form-group">
      <label> Цена </label>
      <?php echo Form::input('price', $product->price, array('placeholder' => 'Цена')); ?>
    </div>
    <div class="form-group">
      <label> Фото </label>
      <?php echo Form::file('photo'); ?>
    </div>
    <div class="form-group">
      <label> Котегория </label>
      <?php
      $c = ORM::factory('Category', $product->category_id);

      echo Form::select('category_id', $categories, ORM::factory('Category', $c->parent_id)->title, array('class' => 'form-control', 'id' => 'category_select'));?>
    </div>

    <div class="form-group">
      <label> Подкатегория </label>
      <?php echo Form::select('child_category_id', $children, $product->category_id, array('class' => 'form-control', 'id' => 'child_category_select'));?>
    </div>

    <div class="form-group">
      <label> Характеристика </label>
      <div id="options">

      </div>
      <button id="add-option" class="btn btn-default" type="button">Добавить Характеристику</button>
    </div>

    <?php echo Form::submit(NULL, 'Изменить', array('class' => 'btn btn-primary'));?>
    <?php echo Form::close();?>
  </div>
</div>